<!--
 * @Author: chunlai
 * @Date: 2025-09-02 14:11:15
 * @LastEditTime: 2025-09-09 13:44:24
 * @LastEditors: minsheng_insurance_agency_zhoucl
 * @FilePath: \0.newInsure\src\components\MsImgIcon.vue
 * @Description: 图片图标
-->
<template>
  <span
    class="msicon-img"
    :style="{
      width: `${size}px`,
      height: `${size}px`,
      'background-image': `url(https://wxou.mschn.cn/app_h5/insurepics/msinsure/${name}.png)`,
      'background-repeat': 'no-repeat',
      'background-size': '100%',
    }"
  ></span>
</template>

<script>
export default {
  name: "MsImgIcon",
  props: {
    size: {
      type: String,
      default: "20",
    },
    name: {
      type: String,
      default: "",
    },
  },
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.msicon-img {
  display: inline-block;
}
</style>
